<template>
	<view>
		<view class="big_box">
			<view style="margin:200rpx 20rpx 0 20rpx;padding: 10rpx 10rpx;border-radius: 15rpx;background-color: #FFFFFF;border-bottom: 1rpx solid #e5e5e5;">
				<input  v-model="bankInput" type="text" placeholder="请输入姓名" style="padding-left:20rpx; margin:30rpx 0;font-size: 28rpx;" />
			</view>
			<view style="margin:30rpx 20rpx 0 20rpx;padding: 10rpx 10rpx;border-radius: 15rpx;background-color: #FFFFFF;border-bottom: 1rpx solid #e5e5e5;margin-bottom: 25rpx;">
				<input  v-model="cardInput" type="number" placeholder="请输入手机号" style="padding-left:20rpx; margin:30rpx 0;font-size: 28rpx;" />
			</view>
			<view style="background-color: #2869FE;border-radius: 15rpx;width: 70%;padding: 20rpx 0;font-weight: bold;text-align: center;margin-top: 30rpx;margin: 0 auto;" @tap="addBank()">保存</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bankInput:'',
				cardInput:''
			}
		},
		methods: {
			addBank(){
				
			}
		}
	}
</script>

<style>
.big_box{
	width: 690rpx;
	margin: 0 auto;
	height: 400rpx;
	background-color: #fff;
	border-radius: 20rpx;
}
</style>
